<template>
  <IFexHeaderMain @click="onClick">
    <template #header>
      <image :src="'/static/img/fc/sfrz_title.png'" mode="aspectFit" style="width: 100vw; max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast" />
    </template>
    <view class="home_main wh_auto">
      <image :src="'/static/img/fc/sfrz_yu.png'" mode="aspectFit" style="width: 100vw; max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast" />
      <view class="text" style="margin-bottom: 20rpx">豫事办 申请</view>
      <view class="text" style="margin-bottom: 10rpx; font-size: 31rpx"
        >对你进行身份验证并获取本次认证过程中拍摄的人脸照片，请确保为
        <text style="color: #1e78f3">{{ userName }}</text>
        本人操作</view
      >
      <view class="text">用于根据豫事办的实名制管理要求提供服务</view>
      <!-- <image :src="'/static/img/fc/sfrz_bottom.png'" mode="aspectFit"  style="margin-top:-50px;width: 100vw; max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast" /> -->
    </view>
    <template #footer>
      <image :src="'/static/img/fc/sfrz_bottom.png'" />
    </template>
  </IFexHeaderMain>
</template>

<script setup lang="ts" name="index">
  import { computed, onMounted, ref } from 'vue'
  import IFexHeaderMain from '@/components/container/IFexHeaderMain.vue'
  import useUserInfoStore from '@/store/userInfo'
  const userName = computed(() => {
    const userInfoStore = useUserInfoStore()
    return userInfoStore.getDetailData.userName
  })
  const onClick = () => {
    uni.navigateTo({ url: '/pages/fc/sfrzluxiang' })
  }
</script>

<style scoped lang="scss">
  .home_main {
    background: #ffffff;
  }
  .text {
    margin-left: 45rpx;
    margin-right: 45rpx;
  }
  uni-image {
    height: auto;
  }
</style>
